<template>
  <a-modal :maskClosable="false" cancelText="关闭" destroyOnClose style="top: 150px" :width="880" v-model="visible" :okButtonProps="okButtonProps" >
    <template slot="title">
      <div class="modal-title">
        <img src="@/assets/images/system/common/icon.png" />
        <div>{{ title }}</div>
      </div>
    </template>
    详情内容
  </a-modal>
</template>
<script>

export default {
  name: 'detail',
  data() {
    return {
      visible: false,
      mdl: {},
      title: '',
    }
  },
  computed: {
    okButtonProps() {
      return { style: { display: 'none' } }
    },
  },
  methods: {
    open(record) {
      this.title = '详情'
      this.mdl = Object.assign(record)
      this.visible = true
      console.log(this.mdl,'详情内容')
    },
  },
}
</script>
<style lang="less" scoped>
</style>
